<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" language="javascript" src="../js/jscript_ebayhelper.js"></script>
        <script type="text/javascript" language="javascript" src="../../external/js/jquery-1.7.1.js"></script>
        <style type="text/css">
            #opacityTest1{
                filter:alpha(opacity=50);
                zoom: 1;
                opacity: 0.5;
                width: 200px; height: 100px; background: #000;
                color: white
            }
            .c1{
                filter:alpha(opacity=10);
                zoom: 1;
                opacity: 0.2;
                width: 200px; height: 100px; background: #000;
                color: black;
                position: absolute;
                left: 0;
                top: 0
            }
        </style>
        <style type="text/css">
            #opacityTest2{
                filter:alpha(opacity=50);
                zoom: 1;
                opacity: 0.5;
                width: 200px; height: 100px; background: #000;
                color: white;
                position: absolute;
                left: 0;
                top: 0
            }
            .c2{
                filter:alpha(opacity=10);
                zoom: 1;
                opacity: 0.2;
                width: 200px; height: 100px; background: #000;
                color: black;
                position: absolute;
                left: 0;
                top: 0
            }
        </style>
    </head>
    <body>
        <button>click me</button>
        <div id="hyOutput" style="border: 1px solid black">Console:<br></div>
        <div id="opacityTest1">this is something in div<div style="background: #ff0000;" id="inner">ff</div></div>
        <style type="text/css">
            #opacityTest3{
                filter:alpha(opacity=50);
                zoom: 1;
                opacity: 0.5;
                width: 200px; height: 100px; background: #000;
                color: white;
                position: absolute;
                left: 0;
                top: 0
            }
            .c3{
                filter:alpha(opacity=10);
                zoom: 1;
                opacity: 0.2;
                width: 200px; height: 100px; background: #000;
                color: black;
                position: absolute;
                left: 0;
                top: 0
            }
            
        </style>
        <script type="text/javascript" language="javascript">
            //            e$.println(e$.animation({object:document.getElementById('hyOutput'),id:0}));
            var obj = {};
            
            obj['p1'] = "dd";
            obj['p2'] = "p2";
            for (var name in obj){
                e$.println(obj[name]);
            }
            delete obj['p2'];
            for (var name in obj){
                e$.println(obj[name]);
            }
            var op = document.getElementById('hyOutput');
            var pac = document.getElementById('opacityTest');
            e$.println(op.style.width+":"+op.offsetWidth+":"+op.clientWidth+":"+op.width);
            var s = document.styleSheets;
            for(var i =0; i<s.length;i++){
                
            }
            e$.println('bof stylesheets');
            try{
                for(var name in s){
                    e$.println(name+" : "+s[name] );
                }
//                for(i=0;i< s[0].cssRules.length;i++){
//                    e$.println(s[0].cssRules[i].cssText);
//                }
            }catch(e){
                console.log(e.toString());
            }
            e$.println('eof stylesheets');
            var obj = e$.getById('inner');
            var cs;
            if(e$.is_ie()){
                cs=obj.currentStyle;
            }else{
                cs = window.getComputedStyle(obj);
            }
            for(var name in cs){
                e$.println(name+":"+cs[name]);
            }
            
        </script>

    </body>
</html>
